<template>
  <div class="about">
       <div v-for="(item,index) in arr" :key="index" class="m1">
                 {{item.input1}}
                 {{item.Text}}
                 <button @click="bb(index)">删除</button>
       </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
//  data(){
//   return{
//   }
//  },
methods:{
   bb(index){
         this.arr.splice(index,1)
   }
},
computed:{
  ...mapState(['arr'])
}


}
</script>
<style>
.about{
  border: 1px solid #000;
  width: 500px;
  height: 500px;
} 
.m1{
  width: 400px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 10px;
}
</style>